<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
          Detalhes das  Escrituras e Procurações
        </ui:define>        

        <ui:define name="content">         

            <h:form id="visualizarEscritura">
                
                <div class="actions">
                    <div id="buttons">

                        <p:button value="Editar" outcome="criarEscritura.xhtml"
                                  icon="ui-icon-pencil"
                                  styleClass="ui-priority-primary">
                            <f:param value="#{ managerPesquisarEscritura.escrituraVisualizar.id }" name="escrituraId"/>
                        </p:button>

                        <p:button value="Pesquisar" outcome="pesquisarEscritura.xhtml"
                                  icon="ui-icon-search" styleClass="ui-priority-primary botao_pesquisar"/>

                        <p:commandButton value="Excluir" styleClass="botao_excluir" oncomplete="deletarTituloDocumentoDialog.show()" icon="ui-icon-trash">
                            <f:setPropertyActionListener target="#{ managerPesquisarEscritura.escrituraDeletar }" value="#{ managerPesquisarEscritura.escrituraVisualizar }" />
                        </p:commandButton>

                    </div>
                </div>
                

                <p:fieldset legend="Dados">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Número:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.numero }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Tipo do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.atoTipoEP.descricao }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Natureza:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.naturezaEscritura.descricao }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Data do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.dataAto }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Valor:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.valor }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:outputLabel>
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.livro }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.livroComplemento }" />
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.folha }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.folhaComplemento }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Cidade:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.cidade.nome }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Objeto:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.objeto }" />
                        </div>
                    </div>
                </p:fieldset>
                
                <p:fieldset legend="Dados de Referência"
                            rendered="#{ (managerPesquisarEscritura.escrituraVisualizar.atoTipoEP.tipoAtoCEP == 'REFERENCIA') or (managerPesquisarEscritura.escrituraVisualizar.atoTipoEP.tipoAtoCEP == 'ESCRITURA' and managerPesquisarEscritura.escrituraVisualizar.naturezaEscritura.reratificacao) }">

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Desconhecido:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.desconhecido }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.livroReferente }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.livroReferenteComplemento }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.folhaReferente }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.folhaReferenteComplemento }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Cidade:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.cidadeReferente.nome }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Cartório:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscritura.escrituraVisualizar.cartorioReferente }" />
                        </div>
                    </div>

                </p:fieldset>
                
                <p:fieldset legend="Partes">
            
                    <p:dataTable value="#{ managerPesquisarEscritura.partesVisualizar }"
                            var="parte" rows="5" paginator="true" paginatorPosition="bottom"
                            emptyMessage="Nenhuma parte adicionada">
                        
                        <p:column headerText="Nome" width="50%">
                            <h:outputText value="#{ parte.pessoa.tipoPessoa eq 'FISICA' ? parte.pessoa.nome : parte.pessoa.razaoSocial }" />
                        </p:column>
                        <p:column headerText="Documento" width="25%">
                            <h:outputText value="#{ parte.pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarEscritura.adicionarMascaraCPF(parte.pessoa.cpf) : managerPesquisarEscritura.adicionarMascaraCNPJ(parte.pessoa.cnpj) }" />
                        </p:column>
                        <p:column headerText="Qualidade" width="25%">
                            <h:outputText value="#{ parte.qualidade.descricao }" />
                        </p:column>                    

                    </p:dataTable>
                    
                </p:fieldset>                
                
                <p:fieldset legend="Selos">
                
                    <p:dataTable id="selosEPDataTable" value="#{ managerPesquisarEscritura.selosEPVisualizar }" var="seloEP"
                            rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma selo adicionada">

                        <p:column headerText="Número" width="30%">
                            <h:outputText value="#{ seloEP.numero }" />
                        </p:column>
                        <p:column headerText="Série" width="30%">
                            <h:outputText value="#{ seloEP.serie }" />
                        </p:column>
                        <p:column headerText="Tipo" width="40%">
                            <h:outputText value="#{ seloEP.tipoSelo.nome }" />
                        </p:column>
                    </p:dataTable>
                    
                </p:fieldset>
                
                <p:fieldset legend="Anexos" id="anexosFieldset">
                    <p:panel styleClass="thumbnail" rendered="#{ managerPesquisarEscritura.anexosVisualizar.size() == 0 ? false : true }">
                        <ui:repeat value="#{ managerPesquisarEscritura.anexosVisualizar }" var="anexo">
                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                    <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                    url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                                rendered="#{ managerImagem.imagem(anexo) }"/>
                                    <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                    url="#{ managerImagem.urlPDF }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                                rendered="#{ managerImagem.PDF(anexo) }"/>
                                    <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(anexo)}"/>

                            </h:outputLink>
                        </ui:repeat>
                    </p:panel>
                    <h:outputText value="Nenhum anexo adicionado." rendered="#{ managerPesquisarEscritura.anexosVisualizar.size() == 0 }" />
                </p:fieldset>
                
                <p:dialog header="Deseja realmente excluir?" widgetVar="deletarEscrituraDialog" modal="true"
                          closable="false" resizable="false" draggable="false" >
                    <div class="commandDialog">
                        <p:commandButton value="Sim"
                                         icon="ui-icon-check" actionListener="#{ managerPesquisarEscritura.deletar() }" />
                        <p:commandButton value="Não" icon="ui-icon-close" oncomplete="deletarEscrituraDialog.hide()" />
                    </div>
                </p:dialog>
                

                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarEscritura.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>
    
</html>